<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<script type="text/javascript">
	{
	if(history.forward(1))
	location.replace(history.forward(1))
	}
	</script>
	<script>
		var startTime = (new Date()).getTime();
		$(window).load(
				function() {
					var endTime = (new Date()).getTime();
					var millisecondsLoading = endTime - startTime;
					$('#tiempoCarga').html(
							"Tiempo de carga: <b>" + millisecondsLoading
									+ "ms.</b>");
				});
	</script>
	
	<link rel="stylesheet"
		href="#{facesContext.externalContext.requestContextPath}/pages/css/tangerinet.css"
		type="text/css" />

	<title><ui:insert name="title">Sistema de Cobros y Credito</ui:insert>
	</title>

</h:head>
<h:body>

	<table width="1280px"
		style="border-collapse: collapse; border-spacing: 0px; spacing: 0px; padding: 0px;"
		align="center">
		<tr>
			<td colspan="2">
				<ui:insert name="header">
					<ui:include src="header.xhtml"></ui:include>
				</ui:insert>
			</td>
		</tr>
		
		<tr>
			<td width="0px"
				style="width: 200px; vertical-align: text-top; background-color: #F0F2FC;">
				<ui:insert name="left">
					<ui:include src="left_side.xhtml"></ui:include>
				</ui:insert>
			</td>
			<td style="background-color: #F9F9F9" width="100%">
				<table border="0px"
					style="border-collapse: collapse; border-spacing: 0px; spacing: 0px; padding: 0px;" width="100%">
					<tr>
						<td
							style="height: 490px; vertical-align: text-top; padding: 10px;">
							<ui:insert name="body" /> <!-- PAGE LOAD --> <p:ajaxStatus
								onstart="dlgP.show()" oncomplete="dlgP.hide()" />
						</td>
					</tr>
				</table> <p:spacer width="780px" height="1px" />
			</td>
		</tr>
		<tr>
			<td colspan="2" width="100%"><ui:insert name="footer">
					<ui:include src="footer.xhtml"></ui:include>
				</ui:insert></td>
		</tr>
	</table>

	<p:dialog id="procesando" header="" widgetVar="dlgP" modal="true"
		showEffect="puff" hideEffect="fold" draggable="false"
		resizable="false" closable="false">
		<div id="datos" class="script-tittle">Procesando...</div>
		<div id="dlgspace1"
			style="width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;">
		</div>
		<div id="botonesdlgP" style="width: 100%; text-align: center;">
				<p:graphicImage value="/pages/imgs/globe64.gif" />
		</div>
	</p:dialog>
<!-- 	<p:idleMonitor timeout="1000000" onidle="dlg2.show()" -->
<!-- 		onactive="idleDialog.hide()"> -->
<!-- 		<p:ajax event="idle"/> -->
<!-- 		<p:ajax event="active" -->
<!-- 			listener="#{sessionManager.activeListener}" /> -->
<!-- 	</p:idleMonitor> -->
<!-- 	<p:dialog id="modalDialog" header="#{msg.headLogout}" widgetVar="dlg2" -->
<!-- 		modal="true" height="130" width="300" showEffect="puff" -->
<!-- 		hideEffect="puff" draggable="false" resizable="false" closable="false"> -->
<!-- 		<br /> -->
<!-- 		<div style="text-align: justify; width: 100%; font-size: 14px;"> -->
<!-- 			Finalizar sesión</div> -->
<!-- 		<br /> -->
<!-- 		<h:form> -->
<!-- 			<div style="text-align: center; width: 100%;"> -->
<!-- 				<p:commandButton id="modalDialogButton2" immediate="false" -->
<!-- 					process="@this" action="#{sessionManager.endSession}" value="Aceptar"  -->
<!-- 					onclick="dlg2.hide();" type="submit" ajax="false" / -->
<!-- 			</div> -->
<!-- 		</h:form> -->
<!-- 	</p:dialog> -->
</h:body>
</html>